<#assign ctx=request.contextPath/>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>首页</title>
		<link rel="stylesheet" href="${ctx}/css/bootstrap.css" />
		<link rel="stylesheet" href="${ctx}/css/common.css" />
		<link rel="stylesheet" href="${ctx}/css/index.css" />
		<script type="text/javascript" src="${ctx}/js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="${ctx}/js/bootstrap.js" ></script>
		<script type="text/javascript" src="${ctx}/js/myjs.js"></script>

	</head>
<body style="background:#f0f0f0;">
	<#include "common/top.html"/>
			<div id="myCarousel" class="carousel slide" data-ride="carousel" class="clear">
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">				
					<#list pictureList as pic>
						<#if pic_index = 1>
							<div class="item active">
								<img src="${ctx}/file/upload/${pic.image_url}" alt="First slide">
							</div>
						<#else>
							<div class="item">
								<img src="${ctx}/file/upload/${pic.image_url}" alt="First slide">
							</div>						
						</#if>
					</#list>
				</div>
			</div>
			<article class="content center">
				<div class="hot_shop">
					<h3>热门商品</h3>
					<span><a href="shop_list.html">查看更多 >></a></span>
				</div>
				<ul class="hot clear">
					<#list goodsList as goods>
						<#if goods_index lt 5 >
							<li>
								<a href="pro_details.html"><img src="${ctx}/file/upload/${goods.image!''}"/>
								</a>
			   					<h4><a href="pro_details.html">${goods.title!''}</a></h4>
			   					<p><a href="pro_details.html">${goods.description!''}</a></p>
			   					<span>￥${goods.price!''}</span>
			   					<a href="confirm_order.html" class="pay">立即购买</a>				
							</li>
						</#if>
					</#list>
				</ul>
				<#list indexGoodsList as indexGoods >
				<#if indexGoods.index_field=1>
					<div class="hot_shop clear">
		<!-- 宏恒电子狗 --><h3>${indexGoods.goodsType}</h3>
						<span><a href="shop_list.html">查看更多 >></a></span>
					</div>
					<ol>
					<#list indexGoods.list as goods >
						<li>
							<a href="pro_details.html" class="left"><img src="${ctx}/file/upload/${goods.image!''}"/></a>
							<div class="right">
								<h4><a href="pro_details.html">${goods.title}</a></h4>
								<p><a href="pro_details.html">${goods.description}</a></p>
								<span><em>￥</em>${goods.price}</span>
								<a href="confirm_order.html" class="pay">立即购买</a>
							</div>
						</li>
					</#list>
					</ol>
				</#if>
				
				<#if indexGoods.index_field=2>
					<div class="hot_shop clear">
	<!-- 宏恒gps导航 -->  <h3>${indexGoods.goodsType}</h3>
						<span><a href="shop_list.html">查看更多 >></a></span>
					</div>
					<div class="product clear">
						
						<div class="product_left">
							<a href="pro_details.html"><img src="${ctx}/images/gps_1.jpg"></a>
							<p><a href="pro_details.html">宏恒ZJ-P56支持，宽频雷达、360度检索全频段</a></p>
							<span><em>￥</em>999</span>
							<a href="confirm_order.html" class="pay">立即购买</a>
						</div>					

							<div class="product_right">
								<ul>
								<#list indexGoods.list as goods >
									<#if goods_index gt 1>
										<li>
											<a href="pro_details.html"><img src="${ctx}/file/upload/${goods.image!''}"></a>
											<p><a href="pro_details.html">${goods.title}</a></p>
											<span><em>￥</em>${goods.price}</span>
											<a href="confirm_order.html" class="pay">立即购买</a>	
										</li>	
									</#if>
								</#list>												
								</ul>
							</div>

					</div>
				</#if>				

				<#if indexGoods.index_field=3>
					<div class="hot_shop clear">
	<!-- 宏恒后视镜 -->	<h3>${indexGoods.goodsType}</h3>
						<span><a href="shop_list.html">查看更多 >></a></span>
					</div>
					<div class="mirror clear">
						<div class="mirror_left">
							<a href="pro_details.html"><img src="${ctx}/images/mirror_1.jpg"></a>
							<p><a href="pro_details.html">专车专用二代云狗 高清倒车后视行车记录仪一体机</a></p>
							<span><em>￥</em>899</span>
							<a href="confirm_order.html" class="pay">立即购买</a>
						</div>
						<div class="mirror_right">
							<ul>
								<#list indexGoods.list as goods >
									<#if goods_index gt 1>
										<li>
											<a href="pro_details.html"><img src="${ctx}/file/upload/${goods.image!''}"></a>
											<p><a href="pro_details.html">${goods.title}</a></p>
											<span><em>￥</em>${goods.price}</span>
											<a href="confirm_order.html" class="pay">立即购买</a>		
										</li>
									</#if>
								</#list>		
							</ul>
						</div>
					</div>
				</#if>	

				<#if indexGoods.index_field=4>
					<div class="hot_shop clear">
	<!-- 宏恒后视镜多 -->	<h3>${indexGoods.goodsType}</h3>
						<span><a href="shop_list.html">查看更多 >></a></span>
					</div>
					<ul class="lada clear">
						<#list indexGoods.list as goods >
							<li>
								<a href="pro_details.html"><img src="${ctx}/file/upload/${goods.image!''}"/>
								</a>
			   					<p><a href="pro_details.html">${goods.title}</a></p>
			   					<span><em>￥</em>${goods.price}</span>
			   					<a href="confirm_order.html" class="pay">立即购买</a>			
							</li>
						</#list>
					</ul>
				</#if>	
				</#list>

			</article>
		<#include "common/bottom.html" >
